<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="青菜萝卜 - 胡丁 |定位为IT技术博客站，博客内容主要涉及编程语言、推荐算法、数据挖掘等方面，分享实用的学习和开发资料">
  <meta name="keywords" content="青菜萝卜,胡丁,博客,程序员,程序猿,程序媛">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>青菜萝卜胡丁程序员技术分享博客</title>
  <meta name="renderer" content="webkit">
  <link rel="shortcut icon" type="image/png" href="static/i/favicon.png">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="青菜萝卜胡丁程序员技术分享博客"/>
  <meta name="msapplication-TileColor" content="#0e90d2">
  
  <link rel="stylesheet" href="static/css/amazeui.min.css">
  <link rel="stylesheet" href="static/layui/css/layui.css"/>
  <link rel="stylesheet" href="static/css/qingcai.css"/>
</head>

<body id="blog">
	<header class="am-topbar am-topbar-fixed-top qing-header">
		<div class="am-g am-g-fixed">
		  <h1 class="am-topbar-brand">
	      <a class="qing-logo" href="index.html"></a>
	    </h1>
			<!-- nav start -->
			<nav class="am-g am-g-fixed qing-fixed qing-nav">
				<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-show-sm-only am-radius qing-btn-mobile" data-am-collapse="{target: '#blog-collapse'}" ><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
			  <div class="am-collapse am-topbar-collapse" id="blog-collapse">
			    <ul class="am-nav am-nav-pills am-topbar-nav">
			      <li class="am-active"><a href="index.html"><i class="am-icon-home"></i> 首页</a></li>
			      <li><a href="about.html"><i class="am-icon-info"></i> 关于本站</a></li>
			      <li><a href="works.html"><i class="am-icon-code"></i> 我的作品</a></li>
			      <li><a href="message.html"><i class="am-icon-paper-plane"></i> 留言墙</a></li>
			      <li><a href="donate.html"><i class="am-icon-share-alt"></i> 赞助作者</a></li>
			    </ul>
			    <form class="am-topbar-form am-topbar-right am-form-inline layui-form am-hide-sm-only" lay-submit lay-filter="search" role="search">
			      <div class="am-form-group am-form-icon">
			        <input id="search" name="search" type="text" required lay-verify="required" class="am-form-field am-input-sm am-radius" placeholder="请输入要搜索的关键词">
			        <i class="am-icon-search"></i>
			        <button id="btn-search" type="button" lay-submit lay-filter="search" class="layui-btn layui-btn-small am-hide-sm-only qing-btn-search">搜索</button>
			      </div>
			    </form>
			  </div>
			</nav>
		</div>
	<!-- nav end -->
	</header>
	<!--mobile search input start -->
	<div class="am-show-sm-only am-u-sm-12 qing-sm-search">
		<form class="m-topbar-form am-topbar-right am-form-inline layui-form" lay-submit lay-filter="searchSM" role="search">
	      <div class="am-form-group am-form-icon">
	      	<i class="am-icon-search"></i>
	        <input id="search-sm" name="search" type="text" class="am-form-field am-form-field am-radius" placeholder="请输入要搜索的关键词" required lay-verify="required">
	      </div>
			</form>
	</div>
	<!--mobile search input end -->
	<!-- content srart -->
	<div class="am-g am-g-fixed qing-fixed qing-container">
		  <!-- 正文内容开始-->
	    <div class="am-u-md-8 am-u-sm-12">
	    		<!-- 通知公告开始 -->
	    		<div id="qing-notice-cnt"></div>
	    		<!-- 通知公告结束 -->
	    		<!-- 图片轮播开始-->
	    		<div class="qing-slider" id="qing-lunbo"></div>
	    		<!-- 图片轮播结束-->
	    		<!-- 热门排行开始-->
		    	<div class="qing-hot-rank qing-margin-bottom" id="hot-rank-blogs"></div>
		    	<!-- 热门排行结束-->
	    		<!-- 博文列表 -->
					<div id="blog-list"></div>
					<div class="qing-page qing-margin-bottom">
						<div id="blog-pager" class="qing-text-center"></div>
					</div>
	    </div>
	   
	    <!--正文内容结束-->
			<!-- 侧边栏 开始-->
	    <div class="am-u-md-4 am-u-sm-12" id="qing-left"></div>
	    <!-- 侧边栏结束-->
	</div>
	<!-- content end -->

  <footer class="qing-footer">
    <div class="qing-text-center">
       <h3><strong>青菜萝卜胡丁程序员技术分享博客简介</strong></h3>
       <p class="am-text-sm">青菜萝卜胡丁程序员技术分享博客定位为IT技术博客站，博客内容主要涉及编程语言、推荐算法、数据挖掘等方面，分享实用的学习和开发资料。 </p>
    </div>
    <div class="qing-text-center">Copyright © 2016 青菜萝卜 胡丁  |  联系我 : xxxxxxxx@qq.com  |  All Rights Reserved.  |  蜀ICP备xxxxxxx</div>    
  </footer>
  <script src="static/js/jquery.min.js"></script>
  <script src="static/js/amazeui.min.js"></script>
	<script src="static/layui/layui.js"></script>
	<script>
		layui.config({base:'static/js/'}).use('index');
	</script>
	<script type="text/javascript" src="static/js/badutongji.js" ></script>
</body>
</html>